/*示例页样式*/
body{background:#fff;}
.wrapper { width: 1003px; margin: 0 auto }
/*顶部样式*/
#top {  height:156px;background:url(../images/topbg.jpg) top center repeat-x;}
#top #top_t{height:99px;}
#top #top_t .logo{float:left;padding:34px 0 0 22px;}
#top #top_t .toplink{float:right;padding-top:45px;}
#top #top_t .toplink li{float:left;width:78px;text-align:center;line-height:20px;}
#top #top_t .toplink li a{display:block;background:url(../images/line.jpg) right center no-repeat;}
#top #top_t .toplink li a:hover{font-weight:bold;}



/***********【默认导航样式】***********/
#navout{height:50px;background:url(../images/topline.jpg) top repeat-x;}
#nav { zoom: 1; float:left;width:770px;padding-top: 13px;}
#nav li.level0{height:30px;line-height:30px;float:left;text-align:center;width:110px;position:relative;}
#nav li.level0.hover a.level0{color:#fff;}
#nav li a.level0{color:#333;font-size:14px;display:block;}
#nav li.level0.hover{background:#1c3c90;color:#fff;}
#nav li.level0 a.level0:hover{font-weight:bold;color:#fff;}
#nav li.hover div{border:1px solid #1c3c90;}
#nav li div{overflow:hidden;position:absolute;background: #fff;width:260px;display:none;z-index:999;background:#fff;clear:both;}
#nav li div ul{width:238px;padding-bottom:5px;clear:both;padding-left:20px;height: 100%;}

#nav li div ul li a{color:#787878;white-space:nowrap;}
#nav li div ul li{width: 100px;height:30px;float:left;text-align:left;line-height: 30px;margin-left:5px;margin-right:5px;}
#nav li div ul li a{background:url(../images/ico.png) left center no-repeat;padding-left:15px;display:block;}
#nav li div ul li a:hover{font-weight:bold;background:url(../images/ico.png) left center no-repeat;padding-left:15px;}
#nav li:hover div{display:block;}

#navout form{float:right;width:180px;height:20px;padding-top: 13px;}
#navout form select{width:180px;}


#banner{background:url(../images/bannerbg.png) bottom center no-repeat;height:493px;}


#cont{height:230px;background:#fff;box-shadow: 0px 1px 2px 0px #565656;
margin-bottom: 20px;margin: 0 auto;
width: 1003px;}

#about{width:287px;border-top:4px solid #1c3c90;border-right:1px solid #c5c5c5;float:left;padding-left:20px;height: 226px;}
#about .aboutcont img{margin-top:5px;}
#about .aboutcont p{line-height:24px;margin-top:10px;}
#about .aboutcont p span{font-weight:bold;}
#scroll{width:506px;float:left;border-top:4px solid #e77817;border-right:1px solid #c5c5c5;height: 226px;}
#contact{width:188px;float:right;height: 226px;}
#contact .contactus{margin-top:10px;padding-left:5px;}
#contact .contactus h1{font-weight:bold;font-size:14px;line-height:26px;}
#contact .contactus p{line-height:24px;}


#cont .title{height:48px;line-height:48px;border-bottom:1px dashed #c5c5c5;}
#cont .title p{float:left;font-weight:bold;font-size:14px;}
#cont .title p span{color:#1c3c90;font-size:12px;margin-left:10px;}
#cont .title a{float:right;padding-top:20px;padding-right:10px;}
#cont #scroll .title{border-bottom:0px;padding-left:5px;}
#cont #contact .title{height:45px;line-height:45px;background:#1c3c90;padding-left: 5px;padding-right: 5px;border-bottom:0px;}


#scroll .scrollBox{height:160px;width: 500px;}
#scroll .scrollBox .scrollContent{height:160px;padding-top: 10px;width: 500px;margin-left:2px;}
#scroll .scrollBox .scrollContent li{height:150px;width:120px;}
#scroll .scrollBox .scrollContent li img{height:148px;width:118px;padding:1px;}

#cont #contact .title p{float:left;color:#fff;}
#cont #contact .title a{float:right;color:#fff;padding:0px;font-weight: bold;
font-size: 14px;
display: block;}

/** 底部样式 **/
#bottom { height:65px;line-height:65px;}
#bottom .wrapper{background:url(../images/topline.jpg) top repeat-x;height: 65px;}
#bottom p { color: #565656 ;width:500px;float:left;}
#bottom img{float:right;padding-top:10px;}
#bottom a { color: #565656 }
#bottom a:hover { color: #111 }


#maincontent { padding-top: 20px;background:#fff; }

.maincontent { width: 730px; padding-left:20px; }
.maincontent .content{ padding-top:20px;}








#indexflash {width: 980px;margin:0 auto;background:#fff; }

/*首页通用模块样式*/
.block { }
.block div.title { overflow: hidden; border-bottom:#ccc 1px solid;}
.block div.title h2, .block div.title h3 { float: left; height: 20px; line-height: 20px; padding:5px 10px;}
.block div.title h2 { font-size: 18px; }
.block div.title h3 { font-size: 14px; }
.block div.content { padding:15px;}
.block div.content .subcontent { display: none }
.block div.content .active { display: block }
.block div.content p{font-size:14px;line-height:24px;}
/*首页各板块样式*/
#info,#news{ width:310px; margin-left:10px; height:210px; overflow:hidden;}
#index_products{ width:330px; margin-left:10px;}
#products{ width:720px; margin-left:10px;}
#products .content{padding-top:20px;}

/*侧栏样式*/
.leftside { width: 200px;}
.leftside .title{height: 30px;
line-height: 20px;
border-bottom: 4px solid #e77817;}
.leftside .title h2{font-size: 15px;
padding: 0px;
color: #fff;
margin-left: 0px;
height: 30px;

font-weight: bold;
padding-left: 40px;
line-height: 30px;
background: #1c3c90;}
.leftside .list ul li{ }
.category ul li { 
font-size: 12px;}
.category a{display: block;
line-height: 32px;
 padding-left: 50px; 
background: url(../images/leftbg.jpg) left center no-repeat;}
.category a:hover{background:url(../images/hoverbg.png) center no-repeat;color: #fff;font-weight:bold;}

.leftside .leftimg {margin-top:10px;}
.leftside .leftimg img{margin-top:10px;border:1px solid #c5c5c5;}



#category .content { padding: 20px 10px; }
#category .content li { line-height: 1.8em; padding-left: 16px;}
#sidenews .content { padding: 20px 10px }
.productcate { line-height: 32px; }
.productcate li { float: left; margin-right: 10px; _display: inline; }
.productcate li a { float: left; padding: 0 10px;  border-radius: 3px; }
.productcate li.current a { background-position: left -216px; color: #fff }

#position{line-height: 34px;
border-bottom: 1px solid #c5c5c5;
color: #5f5f5f;}
#position h2{padding-left: 20px;font-size: 16px;}
#position div.right{padding-right: 10px;}
#position div.right a{color: #5f5f5f}
#position div.right a:hover{color: #5f5f5f}
#subflash{width:100%;}
#subflash .ImageDiv{width:100%;}
#subflash .ImageDiv img{width:100%;}
#viewer .detail img{ cursor:pointer;}